<template>
  <div class="detail-swiper">
    <el-carousel trigger="click" height="350px">
      <el-carousel-item v-for="item in topImages" :key="item">
        <el-image
          :src="item"
          style="object-fit: cover"
        ></el-image>
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
  import {Swiper,SwiperItem} from 'components/common/swiper'

  export default {
    name: "DetailSwiper",
    components: {
      Swiper,
      SwiperItem
    },
    props: {
      topImages: {
        type: Array,
        default() {
          return []
        }
      }
    }
  }

</script>
<style scoped>
</style>
